<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>付款</title>
    <link rel="stylesheet" type="text/css" href="css/daohang.css" />
    <link rel="stylesheet" type="text/css" href="css/payment.css" />
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".daohang4tan").hide();
            $(".daohang5tan").hide();

            $(".daohang4,.daohang4tan").hover(function(){
                $(".daohang4").css({"background":"white","border":"1px solid #EEEEEE"});
                $(".daohang4tan").show();
            },function(){
                $(".daohang4").css({"background":"#F5F5F5","border":"0px"});
                $(".daohang4tan").hide();
            });

            $(".daohang5,.daohang5tan").hover(function(){
                $(".daohang5").css({"background":"white","border":"1px solid #EEEEEE"});
                $(".daohang5tan").show();
            },function(){
                $(".daohang5").css({"background":"#F5F5F5","border":"0px"});
                $(".daohang5tan").hide();
            });
        });
        </script>
</head>
<body>
<!--begin header-->
<div class="hui">
    <div class="daohang">
        <div class="daohang1"><a href="php/index.php">首页</a></div>
        <div class="daohang2"><a href="php/login.php">登录</a></div>
        <div class="daohang3"><a href="php/register.php">注册</a></div>
        <div class="daohang4"><a href="#">我的淘兼职</a></div>
        <div class="daohang5"><a href="#">关于我们</a></div>

        <div class="daohang4tan"><a href="php/gerenzhongxin.php">个人中心</a><a href="#">添加修改简历</a><a href="#">查看招聘信息</a></div>
        <div class="daohang5tan"><a href="#">网站简介</a><a href="#">组织结构</a><a href="#">发展历程</a></div>
    </div>
</div>
<!--container-->
<div class="container">
    <div class="header">
        <div>
        <img src="img/taologo.jpg" >
        <div style="background:#DEDEDE;width:1px;height:58px;margin-left:170px;margin-top:-75px;"></div>
        <p >付款</p>
        </div>
        <div class="stepInfo ">
            <ul>
                <li style="background: red"></li>
                <li style="background: red"></li>
                <li style="background: red"></li>
                <li style="background: red"></li>
                <li style="background:#F22E00;"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="stepIco stepIco1" id="create" style="background:#F22E00;">1
                <div class="stepText" id="createText" style="color:#F22E00">确认订单信息</div>
            </div>
            <div class="stepIco stepIco2" id="check"style="background:#F22E00;">2
                <div class="stepText" id="checkText">等待卖家确认</div>
            </div>
            <div class="stepIco stepIco3" id="pay"style="background:#F22E00;">3
                <div class="stepText" id="payText">支付服务费</div>
            </div>
            <div class="stepIco stepIco4" id="received">4
                <div class="stepText" id="receivedText">确认兼职</div>
            </div>
            <div class="stepIco stepIco5" id="assess">5
                <div class="stepText" id="assessText">双方互评</div>
            </div>
        </div>
    </div>

<div class="content">
    <div class="zhiwei">
        <img src="img/sofa.jpg" >
        <p>公司:宜家集团</p>
        <p>鄞州宜家家居销售员</p>
        <span style="float: right;margin-right: 40px;margin-top: -40px;"><b style="color: #FF5500;font-size: 27px;">10.0</b>元</span>
    </div>
    <div class="zhifu">
        <br/>
        <div style="margin-left: 20px;">
        <div class="yuebao">
         <input type="radio"checked><span style="padding-left: 30px;">余额宝100.0元</span>
         <span style="float: right;margin-right: 40px;">支付<b style="color: #FF5500;font-size: 24px;">10.0</b>元</span>
        </div>
        <a href="#" >其他付款方式</a>
        <a  href="#" style="border: 1px dashed gray;">添加快捷/网银支付</a>
       <br/><br/>
        <img src="img/ok.png"style="width: 20px;">
        <span>您在安全的环境中，请放心使用！</span>
        <br/><br/>
        <p style="font-size: 18px">支付宝支付密码：</p>
        <input type="text"style="width: 180px;height: 30px">
         <a href="#" style="border: none;color: blue;display: inline">忘记密码？</a>
         <br/>
         <button>确认付款</button>
    </div>
   </div>
</div>
<div class="footer">
   <div align="center"style="margin-top: 15px;">@Taojianzhi.com</div>
</div>
</div>
</body>
</html>